﻿<html>
	<head>
		<title>Choose Your Robot</title>
		<link rel="icon" href="images/favicon.gif" type="image/x-icon"/>
		<link rel="shortcut icon" href="images/favicon.gif" type="image/x-icon"/>
		<link rel="stylesheet" type="text/css" href="css/styles.css"/>
		<link type="text/css" href="css/fancymoves.css" media="screen" charset="utf-8" rel="stylesheet"  />
		<script type="text/javascript" src="lib/jquery-1.7.2.js" charset="utf-8"></script>
		<script type="text/javascript" src="lib/slider.js" charset="utf-8"></script>
		<script type="text/javascript" src="lib/demo.js"></script>
		<script type="text/javascript" src="lib/choose.js"></script>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	</head>
	<body style="background: #fff url(./images/bg.jpg) repeat top left;" >
	  <div class="container">
			<div align="center">Choose Your Robot</div>
		</div>

		<div id="container">
			<section id="intro">
				<div id="slider-three">

					<div>
						<img id="chooseMale" src="images/demo-images/img1.png" alt="" />
						<p>&nbsp;</p>
						<p>boy<br />
						</p>
					</div>

					<div>
						<img id="chooseFemale" src="images/demo-images/img2.png" alt="" />
						<p>&nbsp;</p>
						<p>Girl<br />
						</p>
					</div>
					<div></div>

					<div></div>
				</div>


			<div class="quote">
				<form name="form1" method="post" action="">
					<p align="center" class="mb-panel"><span class="nickname">Nickname:</span>
						<label for="nickname"></label>
						<input name="nickname" type="text" id="nickname" value="give me a name">
					</p>
					<p align = "center">
						<a id="chooseGenerate" href="#"><img src="images/choosebots.png" height= 70 width=500 /></a>
					</p>
				</form>
			</div>
		</div>
	</body>
</html>
